<!-- 没用 -->
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>焦点学苑</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<script>
    function changeto (url) {
        window.location.href = url;
    }
</script>

<body>
    <div class="head-box">
        <div class="head wrap">
            <div class="logo fl"><a href=""><img src="/images/logo.png"></a></div>
            <div class="head-right fr">
                <div class="head-a fr">
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-a.png"></a></div>
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-b.png"></a></div>
                    <span th:unless="${not #strings.isEmpty(session.u?.getUid())}">
                        <div class="head-a3 login-click fl"><a href="#">登录</a></div>
                        <div class="head-a4 fl"><a href="/register.html" target="blank">注册</a></div>
                    </span>
                    <span th:if="${not #strings.isEmpty(session.u?.getUid())}">
                        <select name="" id="" class="head-a3" onchange="changeto($(this).val())">
                            <option value="" checked>我的</option>
                            <option value="/article-add.html"><a href="/blog/user/add.to"> 发表文章</a></option>
                            <option value="/ainArticleList"><a>我的作品</a></option>
                            <option value="/userConcernList"><a>我的收藏</a></option>
                        </select>
                        <a href="/logout">
                            <div class="head-a4 reg-click fl">注销</div>
                        </a>
                    </span>

                </div>
                <div class="clearfix"></div>
                <div class="nav fr">
                    <ul>
                        <li class="nav-cut"><a href="/">首页</a></li>
                        <li><a href="/blog/user/article.to">文章</a>
                            <!-- <div class="sub-nav">
                                <div class="bich-top"></div>
                                <div class="bich">
                                    <a href="">服饰</a>
                                    <a href="">美食</a>
                                    <a href="">出行</a>
                                    <a href="">约会</a>
                                </div>

                            </div> -->
                        </li>
                        <li><a href="/course/courseList">课程</a></li>
                        <li><a href="#">活动</a></li>
                        <li><a href="#">联系我们</a></li>

                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="wrap">
            <div class="art-height"></div>
            <div class="community">
                <div class="com-fl fl">
                    <div class="hd">
                        <ul>
                            <li style="background:url(upload/com-a.jpg) no-repeat center center;height:289px"></li>
                            <li style="background:url(upload/com-a.jpg) no-repeat center center;height:289px"></li>
                            <li style="background:url(upload/com-a.jpg) no-repeat center center;height:289px"></li>
                        </ul>
                    </div>
                    <div class="bd">
                        <ul></ul>
                    </div>
                </div>
                <div class="com-fr fr">
                    <div class="com-a">
                        <div class="com-a1">圣诞节，总该对喜欢的姑娘做些什么吧？</div>
                        <div class="com-a2">又是一年的圣诞节，看着朋友圈里秀恩爱的男男女女，闻着大街上充满荷尔蒙的味道，自己也忍不住对喜欢的姑娘做些什么。 可是，能做什么？
                            今年的平安夜和圣诞节都在工<a href="">[查看全文]</a></div>
                    </div>
                    <div class="com-b">
                        <div class="com-b1">聊天的威力—微信聊天直约到家（御姐篇）[1次回复 / 2559次浏览]<span>Shinnystory</span></div>
                        <div class="com-b1">教學帖-聊天[1次回复 / 2236次浏览] <span>Shinnystory</span></div>
                        <div class="com-b1">《中国把妹故事》第二十二章干了这杯失身酒[1次回复 / 2462次浏览] <span>Shinnystory</span></div>
                        <div class="com-b1">抛弃惯例，利用魅力自然把妹[2次回复 / 3449次浏览]<span>Shinnystory</span></div>
                        <div class="com-b1">喜欢猫咪的学生妹 & 细节约会[2次回复 / 3367次浏览] <span>Shinnystory</span></div>
                        <div class="com-b1">经典挽回系列之一：见龙卸甲，如何再回女人[1次回复 / 2824次浏览]<span>Shinnystory</span></div>
                        <div class="com-b1">男人30岁以后,成熟男人的标准[2次回复 / 2310次浏览] <span>Shinnystory</span></div>
                        <div class="com-b1">黑洞吸引法则－从陌生到暧昧邀约全流程[1次回复 / 3336次浏览] <span>Shinnystory</span></div>
                        <div class="com-b1">蜡烛表白率有多高？[2次回复/1256次浏览] <span>Shinnystory</span></div>
                    </div>
                </div>
            </div>

            <div class="ru">
                <div class="ru-fl fl">
                    <div class="ru-a">
                        <div class="ru-title">
                            <div class="cou-b1"><img src="images/cou-b1.jpg">课程</div>
                            <div class="ru-a1">
                                <div class="sort">排序</div>
                            </div>
                            <div class="ru-a2">
                                <div class="dropdown">
                                    <span>情感</span>
                                    <ul data-value="" class="droplist">
                                        <li data-id="1">全部</li>
                                        <li data-id="2">服饰</li>
                                        <li data-id="3">最新</li>
                                        <li data-id="4">提问</li>
                                        <li data-id="5">约会技巧</li>
                                        <li data-id="6">热门文章</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ru-b">
                        <ul>
                            <a href="">
                                <li>
                                    <div class="wt-fl fl">
                                        <div class="wt-a1"><img src="upload/com-b.jpg"></div>
                                        <div class="wt-a2">水果大人</div>
                                    </div>
                                    <div class="wt-fr fl">
                                        <div class="wt-r1"><span>帖子分类</span>教你如何一步步把妹子泡到手<em>New</em></div>
                                        <div class="wt-r2">评论（1） 丨 阅读（2165） 丨 2015-11-02 14：43</div>

                                    </div>
                                </li>
                            </a>
                            <a href="">
                                <li>
                                    <div class="wt-fl fl">
                                        <div class="wt-a1"><img src="upload/com-b.jpg"></div>
                                        <div class="wt-a2">水果大人</div>
                                    </div>
                                    <div class="wt-fr fl">
                                        <div class="wt-r1"><span>帖子分类</span>教你如何一步步把妹子泡到手<em>New</em></div>
                                        <div class="wt-r2">评论（1） 丨 阅读（2165） 丨 2015-11-02 14：43</div>

                                    </div>
                                </li>
                            </a>
                            <a href="">
                                <li>
                                    <div class="wt-fl fl">
                                        <div class="wt-a1"><img src="upload/com-b.jpg"></div>
                                        <div class="wt-a2">水果大人</div>
                                    </div>
                                    <div class="wt-fr fl">
                                        <div class="wt-r1"><span>帖子分类</span>教你如何一步步把妹子泡到手<em>New</em></div>
                                        <div class="wt-r2">评论（1） 丨 阅读（2165） 丨 2015-11-02 14：43</div>

                                    </div>
                                </li>
                            </a>
                            <a href="">
                                <li>
                                    <div class="wt-fl fl">
                                        <div class="wt-a1"><img src="upload/com-b.jpg"></div>
                                        <div class="wt-a2">水果大人</div>
                                    </div>
                                    <div class="wt-fr fl">
                                        <div class="wt-r1"><span>帖子分类</span>教你如何一步步把妹子泡到手<em>New</em></div>
                                        <div class="wt-r2">评论（1） 丨 阅读（2165） 丨 2015-11-02 14：43</div>

                                    </div>
                                </li>
                            </a>
                            <a href="">
                                <li>
                                    <div class="wt-fl fl">
                                        <div class="wt-a1"><img src="upload/com-b.jpg"></div>
                                        <div class="wt-a2">水果大人</div>
                                    </div>
                                    <div class="wt-fr fl">
                                        <div class="wt-r1"><span>帖子分类</span>教你如何一步步把妹子泡到手<em>New</em></div>
                                        <div class="wt-r2">评论（1） 丨 阅读（2165） 丨 2015-11-02 14：43</div>

                                    </div>
                                </li>
                            </a>
                            <a href="">
                                <li>
                                    <div class="wt-fl fl">
                                        <div class="wt-a1"><img src="upload/com-b.jpg"></div>
                                        <div class="wt-a2">水果大人</div>
                                    </div>
                                    <div class="wt-fr fl">
                                        <div class="wt-r1"><span>帖子分类</span>教你如何一步步把妹子泡到手<em>New</em></div>
                                        <div class="wt-r2">评论（1） 丨 阅读（2165） 丨 2015-11-02 14：43</div>

                                    </div>
                                </li>
                            </a>
                            <a href="">
                                <li>
                                    <div class="wt-fl fl">
                                        <div class="wt-a1"><img src="upload/com-b.jpg"></div>
                                        <div class="wt-a2">水果大人</div>
                                    </div>
                                    <div class="wt-fr fl">
                                        <div class="wt-r1"><span>帖子分类</span>教你如何一步步把妹子泡到手<em>New</em></div>
                                        <div class="wt-r2">评论（1） 丨 阅读（2165） 丨 2015-11-02 14：43</div>

                                    </div>
                                </li>
                            </a>
                            <a href="">
                                <li>
                                    <div class="wt-fl fl">
                                        <div class="wt-a1"><img src="upload/com-b.jpg"></div>
                                        <div class="wt-a2">水果大人</div>
                                    </div>
                                    <div class="wt-fr fl">
                                        <div class="wt-r1"><span>帖子分类</span>教你如何一步步把妹子泡到手<em>New</em></div>
                                        <div class="wt-r2">评论（1） 丨 阅读（2165） 丨 2015-11-02 14：43</div>

                                    </div>
                                </li>
                            </a>
                        </ul>
                        <div class="skt-more com-more"><a href="">查看更多</a></div>
                    </div>
                </div>
                <!--ru-fl-->

                <div class="ru-fr fr">
                    <div class="ru-c1">发表帖子</div>
                    <div class="ru-c2"><img src="images/cou-b1.jpg">热门标签</div>
                    <div class="ru-c3">
                        <span>恋爱</span>
                        <span>型男</span>
                        <span>美女</span>
                        <span>矛盾</span>
                        <span>矛盾</span>
                        <span>恋爱</span>
                        <span>型男</span>
                        <span>美女</span>
                    </div>
                    <div class="ru-c2"><img src="images/cou-b1.jpg">热门帖子</div>
                    <div class="ru-c4">
                        <div class="ru-c5">
                            <div class="ru-d fl">热</div>
                            <div class="ru-e fl">
                                <div class="ru-e1">追妹子，你准备好了吗？</div>
                                <div class="ru-e2"><img src="upload/focus-a2.png">shuiguodaren<span>2015-11-02</span>
                                </div>
                            </div>
                        </div>
                        <div class="ru-c5">
                            <div class="ru-d fl">热</div>
                            <div class="ru-e fl">
                                <div class="ru-e1">追妹子，你准备好了吗？</div>
                                <div class="ru-e2"><img src="upload/focus-a2.png">shuiguodaren<span>2015-11-02</span>
                                </div>
                            </div>
                        </div>
                        <div class="ru-c5">
                            <div class="ru-d fl">热</div>
                            <div class="ru-e fl">
                                <div class="ru-e1">追妹子，你准备好了吗？</div>
                                <div class="ru-e2"><img src="upload/focus-a2.png">shuiguodaren<span>2015-11-02</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="ru-c6"><a href=""><img src="upload/ru-c1.png"></a></div>
                </div>
            </div>
            <!--ru-->
        </div>
    </div>

    <div class="footer">
        <div class="wrap">
            <div class="foot">
                <div class="foot-left fl">
                    <a href="">关于我们</a>
                    <a href="">加入我们</a>
                    <a href="contact.html">联系我们</a>
                    <a href="">媒体采访</a>
                </div>
                <div class="foot-c fl"><a href=""><img src="images/foot-logo.jpg"></a></div>
                <div class="foot-right fr">
                    <a href="">同城活动</a>
                    <a href="">课程资讯</a>
                    <a href="">最新发布</a>
                    <a href="">热门文章</a>
                </div>
            </div>
            <div class="foot-btm">网页制作by云邦</div>
        </div>
    </div>


    <!--登录注册弹窗-->
    <div class="mask"></div>
    <div class="login">
        <div class="login-title">
            <div class="login-a">登录</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="注册时填写的邮箱"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="登录"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
                <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
            </div>
        </div>
    </div>

    <div class="reg">
        <div class="login-title">
            <div class="login-a">注册</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="注册"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
            </div>
        </div>
    </div>


    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/Action.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script>
        $(".com-fl").slide({
            titCell: ".bd ul",
            mainCell: ".hd ul",
            effect: "fold",
            autoPlay: true,
            autoPage: true,
            mouseOverStop: false,
            trigger: "click",
            startFun: function (i) {
                var curLi = jQuery(".com-fl .bd li").eq(i);
                if (!!curLi.attr("_src")) {
                    curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
                }
            }
        })	
    </script>
    <script>
        $(".sort").click(function () {
            $(this).toggleClass("sort-cut")
        })
    </script>
    <script>
        $(".dropdown").bind({
            click: function () {
                $(this).find(".droplist").stop().slideDown();
            },
            mouseleave: function () {
                $(this).find(".droplist").hide();
            }
        });
        $(".dropdown .droplist li").click(function () {
            $(this).parents(".dropdown").children("span").text($(this).text());
            $(this).parents(".droplist").hide().attr("data-value", $(this).attr("data-id"));
        });
    </script>
</body>

</html>